<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
<meta name="renderer" content="webkit"> 
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no"> 
<meta name="format-detection" content="telephone=no" /> 
<link rel="shortcut icon" href="images/logo.ico" />
<title>闪度生活</title>
<meta name="keywords" content=" " />
<meta name="description" content=" " />


<link rel="stylesheet" type="text/css" href="css/common.css">
<link rel="stylesheet" type="text/css" href="css/bootstrap.css">
<link rel="stylesheet" type="text/css" href="css/font-awesome.css">
<link rel="stylesheet" type="text/css" href="css/swiper-3.4.1.min.css">
<link rel="stylesheet" type="text/css" href="css/style.css">

<script src="js/jquery-1.11.1.min.js"></script>
<script src="js/bootstrap.js"></script>
<script src="js/jquery-ui.min.js"></script>
<script src="js/easing.js"></script>
<script src="js/swiper-3.4.1.min.js"></script>
<script src="js/index.js"></script>
<script src="js/main.js"></script>

<script src="./js/vue.js"></script>
<script src="./js/axios.min.js"></script>
<script src="./js/axios-config.js"></script>
<script src="./js/js.cookie.js"></script>
<script src="./js/utils.js"></script>

</head>

<body>
<div id="app" v-cloak>
<!--  / header  -->
<div class="header_longevity">
        <div class="header_map_longevity">   
            <img src="images/jiantou.png" alt="">
            <span>返回</span>
        </div>
        <div class="logo_longevity">消费明细</div>   
</div>
<!--  / header  -->


<div class="myRemain">
    <div class="myRemain3">
        <div class="myRemain3_f1 clearfix" v-for="items1 in list">
            <div class="fl">
                <p class="myRemain3_fl_top">{{items1.way_name}}</p>
                <p class="myRemain3_fl_bottom">订单时间 : {{items1.time}}</p>
            </div>
            <div class="fr">
                {{items1.amount}}
            </div>
        </div>
        <!-- <div class="myRemain3_f1 clearfix">
            <div class="fl">
                <p class="myRemain3_fl_top">活力订单尾号 : 41652660 收入</p>
                <p class="myRemain3_fl_bottom">订单时间 : 2018-01-08 &nbsp;&nbsp;14 : 16</p>
            </div>
            <div class="fr">
                +100.00
            </div>
        </div>
        <div class="myRemain3_f1 clearfix">
            <div class="fl">
                <p class="myRemain3_fl_top">活力订单尾号 : 41652660 收入</p>
                <p class="myRemain3_fl_bottom">订单时间 : 2018-01-08 &nbsp;&nbsp;14 : 16</p>
            </div>
            <div class="fr">
                +100.00
            </div>
        </div> -->
    </div>
</div>

</div>
</body>
<script>
$(window).ready(function(){

var vm = new Vue({
		el:"#app",
		data() {
	    return {
	        userId: (() => {
	                
	            })(),
	        collect_list:'',
            list:[],
	    }
		},
    created: function () {
		var $this = this;
    	$this.getMoney_details();
        
    },
    mounted:function(){
    	
    },
    methods:{

        string8:function(strings){
            // console.log(strings);
            var num1=strings.replace(/[^0-9]/ig,"");
            var num2=num1.substring(num1.length-6, num1.length);
            var num3=strings.substring(strings.length-2, strings.length);
            var reg = new RegExp("[\\u4E00-\\u9FFF]+","g");
            if(reg.test(num3)){
                var num=strings.slice(0,4)+"尾号 : "+num2+num3;
            }else{
                var num=strings.slice(0,4)+"尾号 : "+num2;
            }
            // console.log(num);
            return num;
        },
    	
    	//我的收藏
    	getMoney_details:function(){
    		var $this = this;
    		
    		const data = {

    		}
    		
    		Axios.post(window.Url.Money_details, data).then((res) => {
    			
    			if(res.result == 1){
    				$this.collect_list = res.info;
                    $this.collect_list.map( (obj,index)=>{
                        $this.$set(
                            obj,"way_name",$this.string8(obj.way_name)
                        );
                    })   
                   $this.list = $this.collect_list; 
                   console.log($this.list);				
    			}
    			else{
    				alert('消费明细'+res.info)
    			}
    			
        }).catch((err) => {
          console.log('消费明细'+err)
        })
        
    	}
	}
})


$('.banner').height($(window).width()*400/750);

var mySwiper_banner = new Swiper ('.swiper-container-banner', {
    loop: true,
    pagination: '.swiper-pagination-banner',
	autoplay : 5000,
	autoplayDisableOnInteraction : false,
})
$('.header_map_longevity').click(function(){
    history.go(-1);
});
$('.longevity1 li').click(function(){
    window.location.href = "InformationDetails.html";
});
$(".remain").click(function(){
    window.location.href = "remain.html";
})
$(".coupon").click(function(){
    window.location.href = "myCoupon.html";
})

  
})  
</script>
</html>
